Antes de añadirla debemos eliminar la que proporciona Blogger.
Una vez la tenemos eliminada de nuestro blog nos situamos en Plantilla/Edición HTML/ y localizamos <head> justo después añadimos lo siguiente:
<div style=' background-color:#FFCCFF; border-bottom: 1px solid #000; margin: 0 0 5px 0; padding: 4px 0; font-size: 14px;'> <img src='url-de-la-imagen' style='vertical-align: text-bottom;'/>
texto-a-mostrar</div>
Si el espacio blanco que nos queda en la parte superior no es de nuestro agrado sustituiremos donde padding: 4px 0; por... padding: 0px 10px;
El efecto sería más o menos así:
Partiendo de esa idea he pensado que también podemos añadir una imagen decorativa que sustituya la Navbar y decore la cabecera de nuestro blog. Para ello he suprimido en el anterior código border-bottom para que no muestre borde y el texto.
<div style=' background-color:#ffffff; solid #000; margin: 0 0 0px 5; padding: 0px 10px;'> <img src='aquí-url-de-la-imagen' style='vertical-align: text-bottom;'/></div>
El resultado es el siguiente:
Hola Gema!!!...siempre traes trucos muy bonitos. Abrazos.
Gracias Palomas ;)
Hola Gema !!! Muy buena alternativa genia !!!
Besos
Gracias a ti Key ;)
Me encantan tus trucos estoy empezando mi blog y me ayudan mucho gracias.
Gracias Pablo ;)
Es increible la cantida de trucos que encuentras, gracias por compartirlos y explicarlos
Bienvenidos ZonaVella espero que encuentres lo que necesites.
Por cierto... leí en un comentario de Zona Vella alfo sobre aumentar la fuente del blog.
Por si te es de utilidad mira aquí ;)
Hola gem@! En ¡Soup! quiero volver a colocar la navbar. También en Acabado Imperfecto. ¿Cómo lo hago? GRACIAAAS!!
Aquí vuelvo: AcabadoImperfecto.
Es la otra página.
Hola S.O.S intenta suprimiendo lo siguiente:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Ya me dirás si resulta :)
gracias gem@! no sé por qué tus respuestas no me llegan a mi mail... pensé que estabas enfadada conmigo!!! tu blog está precioso.
¿Y por qué me voy a enfadar contigo?
Seguramente es problema del suscribe en los comentarios lleva días que no funciona bien y a veces el comentario no sale, he tomado la costumbre de copiar antes de dar salida por si a caso. Según creo está ocurriendo e nvarios blogs.
Gracias S.O.S
Hola Gema, tengo una duda, quiero añadir un iframe en la parte superior del blog (igual que la fea nav-bar de blogger) pero una con enlaces, intento ponerla pero se menea todo y se mueve hacia abajo, ¿hay algún sistema para añadir una nav-bar iframe sin que se mueva todo?
Saludos
yz Mira aquí Octavi, puedes incluir los enlaces en el espacio del texto y modificar los estilos de borde y color :)
Gracias por la respuesta, ya miré en ese enlace, ¿pero eso es para poner texto sólo o también se puede añadir un frame?
Saludos.
yz OctaviZ™ No sabría decirte sin probar, el uso de frames casi no se utiliza ya, si me dices lo que deseas añadir dentro de ese frame se puede buscar una alternativa.
Gracias Gem@ parece que ya lo he conseguido, he tenido que mover muchas cosas pero ya lo he conseguido.
Hasta luego.
yz Lo he visto Octavi está muy bien :)
Nota: solo los miembros de este blog pueden publicar comentarios.